<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>活动报名</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<link rel="stylesheet" type="text/css" href="css/hd.css"/>
		<link rel="stylesheet " type="text/css " href="css/globle.css " />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<script src='js/jquery.js'></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		 body{
			background-color: #fdf9cd;
		}
	</style>

	<body>
		<header>
			<div>
				<span class="head-left"><a href="#"><img src="img/logo.png"/></a></span>
				<span class="head-right"><a href="#">返回首页</a></span>
			</div>
		</header>
		<div class="banner">
			<img src="img/002.jpg" />
			<div class="tour">
				<div class="tour-1">
					<h2>文明旅游&12301公益海报he微视频设计大赛</h2>
				<span>
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，<br />
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
					随着人们生活水平的提高，随着人们生活水平的提高，
				</span>
				</div>
			</div>
		</div>
		
		<section class="answer">
			<div class="answer-1">
				<div class="answer-name">
					<span>1、姓名</span>
					<input type="text" class="form-control" id="" value="" />
				</div>
				
				<form action="" class="answer-2">
					<span>2、所在部门</span><br />
					<input type="radio" name="" id="a1" value="" />
					<label for="a1">院领导</label>
					<br />
					<input type="radio" name="" id="a2" value="" />
					<label for="a2">院领导</label>
					<br />
					<input type="radio" name="" id="a3" value="" />
					<label for="a3">院领导</label>
					<br />
					<input type="radio" name="" id="a4" value="" />
					<label for="a4">院领导</label>
					<br />
					<input type="radio" name="" id="a5" value="" />
					<label for="a5">院领导</label>
					<br />
					<input type="radio" name="" id="a6" value="" />
					<label for="a6">院领导</label>
					<br />
					<input type="radio" name="" id="a7" value="" />
					<label for="a7">院领导</label>
					<br />
					<input type="radio" name="" id="a8" value="" />
					<label for="a8">院领导</label>
				</form>
				
				<div class="answer-name">
					<span>3、携带家数人数</span>
					<input type="text" class="form-control" id="" value="" />
				</div>
				
				<form action="" class="answer-2">
					<span>4、家属中小朋友个数</span><br />
					<input type="radio" name="b" id="b1" value="" />
					<label for="b1">0</label>
					<br />
					<input type="radio" name="b" id="b2" value="" />
					<label for="b2">1</label>
					<br />
					<input type="radio" name="b" id="b3" value="" />
					<label for="b3">2</label>
					<br />
					<input type="radio" name="b" id="b4" value="" />
					<label for="b4">3</label>
					
				</form>
				
				
				<div class="answer-name">
					<span>5、小朋友的年龄</span>
					<input type="text" class="form-control" id="" value="" />
				</div>
				
				<form action="" class="answer-2">
					<span>6、是否参加比赛(共15人报名组队，代表....)</span><br />
					<input type="radio" name="c" id="c1" value="" />
					<label for="c1">是</label>
					<br />
					<input type="radio" name="c" id="c2" value="" />
					<label for="c2">否</label>
				</form>
				
				<form action="" class="answer-2">
					<span>7、本人是否参加单身贵族联谊活动</span><br />
					<input type="radio" name="d" id="d1" value="" />
					<label for="d1">是</label>
					<br />
					<input type="radio" name="d" id="d2" value="" />
					<label for="d2">否</label>
				</form>
				
				
				<form action="" class="answer-3" >
					<span>8、请选择一位您心目中的优秀教师</span>
					<ul>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="e" id="e1" value="" />
					        <label for="e1">赵又廷</label>
						</li>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="e" id="e2" value="" />
					        <label for="e2">赵又廷</label>
						</li>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="e" id="e3" value="" />
					        <label for="e3">赵又廷</label>
						</li>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="e" id="e4" value="" />
					        <label for="e4">赵又廷</label>
						</li>
					</ul>
				</form>
				
				
				<form action="" class="answer-3" >
					<span>9、请选择一位您心目中的优秀教师</span>
					<ul>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="f" id="f1" value="" />
					        <label for="f1">赵又廷</label>
						</li>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="f" id="f2" value="" />
					        <label for="f2">赵又廷</label>
						</li>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="f" id="f3" value="" />
					        <label for="f3">赵又廷</label>
						</li>
						<li>
							<span><img src="img/zyt.jpg"/></span>
							<input type="radio" name="f" id="f4" value="" />
					        <label for="f4">赵又廷</label>
						</li>
					</ul>
				</form>
				
				<!--验证码-->
		<section class="code">
			<div>
				
				<form>
					<label for="">10、验证码</label>
					<input type="text" class="form-control" style="width: 175px;display: inline-block;" />
					<span></span>
				</form>
				<form>
					<label for="" style="margin-left: 30px;">身份证验证</label>
					<input type="text" class="form-control" placeholder="" name="" id="" value="" />
				</form>
				<div class="butt">提&nbsp;交</div>
			</div>
		</section>
				
				
				
			</div>
		</section>

		

		
		<footer>
			<div>
				<span class="hr"></span>
				<span class="bot">晋城网络广播电视台版权所有</span>
			</div>
		</footer>

	</body>

</html>